'use client'
import { useRouter } from "next/navigation";

export default function Home() {
  const router = useRouter();

  return (
    <div className="w-[100%] h-[100%]">
      <div className="flex items-center w-[100%] h-[100%] gap-4">
        <button className="border-[1px] p-[5px]" onClick={() => { router.push('/dashboard') }}>Dashboard</button>
        <button className="border p-[5px]" onClick={() => { router.push('/about') }}>About</button>
        <button className="border p-[5px]" onClick={() => { router.push('/home') }}>Home</button>
      </div>

      <div className="w-[100%] h-[100%] mt-[10px]">首页</div>

    </div>
  );
}
